<template>
  <div>
    <div style="padding: 5px 40px">
      <a-button type="primary" icon="plus" size="large" block>
        新增对话
      </a-button>
    </div>
    <div>
      <a-tabs default-active-key="1">
        <a-tab-pane :key="item.key" :tab="item.title" v-for="item in tabsList">
          <div class="latelyApplication" v-if="item.key == 1">
            <latelyApplication />
          </div>
          <div class="latelyApplication" v-else>12221</div>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>

<script>
import latelyApplication from "../../components/latelyApplication.vue";
export default {
  components: { latelyApplication },
  data() {
    return {
      tabsList: [
        {
          key: "1",
          title: "最近应用",
        },
        {
          key: "2",
          title: "历史记录",
        },
      ],
    };
  },
};
</script>

<style scoped lang="less">
::v-deep .ant-tabs-bar {
  border: none;
  font-family: PingFang SC;
  font-size: 20px;
  text-align: center;
}
::v-deep .ant-tabs-nav {
  font-family: PingFang SC;
  font-size: 20px;
}
</style>
